<template>
    <cvp-frame :logo="logo" :menu="menu" c="frame primary medium">
        <cvp-logo :logo="logo" c="logo primary medium"></cvp-logo>
        <cvp-header c="header primary medium"></cvp-header>
        <cvp-nav :menu="menu" c="nav primary medium"></cvp-nav>
        <cvp-body c="body primary medium"></cvp-body>
    </cvp-frame>
</template>

<script>
    import "./icon/iconfont.css";

    export default {
        name: "Example",
        data() {
            return {
                logo: require("./img/logo.png"),
                menu: {
                    chindren: [{
                        meta: {
                            name: "测试页",
                            icon: "app",
                            path: "/page"
                        }
                    }, {
                        meta: {
                            name: "测试页2",
                            path: "/page2"
                        }
                    }]
                }
            };
        }
    };
</script>

<style>
    * {
        margin: 0;
        padding: 0;
    }
    html, body {
        height: 100%;
    }
    a {
        color: inherit;
        text-decoration: none;
    }
    ol, ul {
        list-style-type: none;
    }
</style>
